<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style type="text/css">
        ul{
            list-style: none;
            width: 200px;
            height: 50px;
            margin: 50px auto;
            line-height: 50px;
            background-color: #55a8ea;
        }
        ul li a{
            color: white;
            text-decoration: none;
        }
        /*伪类选择器*/
        li a:hover{
            color: red;
        }
        li a:active{
            color: yellow;
        }

    </style>
</head>
<body>
    <ul>
        <li><a href="http://www.sxmu.edu.cn/" target="_blank">山西医科大学</a></li>
    </ul>
</body>
</html>